﻿<!DOCTYPE html>
<html>
  <head>
    <title>步骤条</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/步骤条/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/步骤条/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3004" class="ax_default">
        <div id="u3004_state0" class="panel_state" data-label="State1" style="">
          <div id="u3004_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3005" class="ax_default box_2">
              <div id="u3005_div" class=""></div>
              <div id="u3005_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3006" class="ax_default paragraph">
              <div id="u3006_div" class=""></div>
              <div id="u3006_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u3007" class="ax_default" data-label="header">
        <div id="u3007_state0" class="panel_state" data-label="State1" style="">
          <div id="u3007_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3008" class="ax_default box_1">
              <div id="u3008_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3009" class="ax_default">
              <div id="u3009_state0" class="panel_state" data-label="State1" style="">
                <div id="u3009_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3010" class="ax_default box_1">
                    <div id="u3010_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3011" class="ax_default box_1">
                    <div id="u3011_div" class=""></div>
                    <div id="u3011_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3012" class="ax_default box_1">
                    <div id="u3012_div" class=""></div>
                    <div id="u3012_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3013" class="ax_default image">
                    <img id="u3013_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3014" class="ax_default box_1">
                    <img id="u3014_img" class="img " src="images/index/u11.png"/>
                    <div id="u3014_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3015" class="ax_default box_1">
        <div id="u3015_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u3017" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3017_div" class=""></div>
        <div id="u3017_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3018" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3018_div" class=""></div>
        <div id="u3018_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3019" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3019_div" class=""></div>
        <div id="u3019_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3020" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3020_div" class=""></div>
        <div id="u3020_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3021" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-light">
        <div id="u3021_div" class=""></div>
        <div id="u3021_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3022" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3022_div" class=""></div>
        <div id="u3022_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3023" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3023_div" class=""></div>
        <div id="u3023_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3024" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3024_div" class=""></div>
        <div id="u3024_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3025" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3025_div" class=""></div>
        <div id="u3025_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3026" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3026_div" class=""></div>
        <div id="u3026_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3027" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3027_div" class=""></div>
        <div id="u3027_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3028" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3028_div" class=""></div>
        <div id="u3028_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3029" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3029_div" class=""></div>
        <div id="u3029_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3030" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3030_div" class=""></div>
        <div id="u3030_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3031" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3031_div" class=""></div>
        <div id="u3031_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3032" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3032_div" class=""></div>
        <div id="u3032_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3033" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3033_div" class=""></div>
        <div id="u3033_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3034" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3034_div" class=""></div>
        <div id="u3034_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3035" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3035_div" class=""></div>
        <div id="u3035_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3036" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3036_div" class=""></div>
        <div id="u3036_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3037" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3037_div" class=""></div>
        <div id="u3037_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3038" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-light">
        <div id="u3038_div" class=""></div>
        <div id="u3038_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3039" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3039_div" class=""></div>
        <div id="u3039_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3040" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3040_div" class=""></div>
        <div id="u3040_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3041" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3041_div" class=""></div>
        <div id="u3041_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3042" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3042_div" class=""></div>
        <div id="u3042_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3043" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3043_div" class=""></div>
        <div id="u3043_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3044" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3044_div" class=""></div>
        <div id="u3044_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3045" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3045_div" class=""></div>
        <div id="u3045_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3046" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3046_div" class=""></div>
        <div id="u3046_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3047" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-light">
        <div id="u3047_div" class=""></div>
        <div id="u3047_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3048" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3048_div" class=""></div>
        <div id="u3048_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3049" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3049_div" class=""></div>
        <div id="u3049_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3050" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3050_div" class=""></div>
        <div id="u3050_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3051" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3051_div" class=""></div>
        <div id="u3051_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3052" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3052_div" class=""></div>
        <div id="u3052_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3053" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3053_div" class=""></div>
        <div id="u3053_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3054" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3054_div" class=""></div>
        <div id="u3054_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3055" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-light">
        <div id="u3055_div" class=""></div>
        <div id="u3055_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3056" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3056_div" class=""></div>
        <div id="u3056_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3057" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3057_div" class=""></div>
        <div id="u3057_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3058" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3058_div" class=""></div>
        <div id="u3058_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3059" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3059_div" class=""></div>
        <div id="u3059_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3060" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-light">
        <div id="u3060_div" class=""></div>
        <div id="u3060_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3061" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-light">
        <div id="u3061_div" class=""></div>
        <div id="u3061_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3062" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3062_div" class=""></div>
        <div id="u3062_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3063" class="ax_default box_1 selected" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3063_div" class="selected"></div>
        <div id="u3063_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3064" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-light">
        <div id="u3064_div" class=""></div>
        <div id="u3064_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3065" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3065_div" class=""></div>
        <div id="u3065_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3066" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3066_div" class=""></div>
        <div id="u3066_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3067" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3067_div" class=""></div>
        <div id="u3067_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3068" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3068_div" class=""></div>
        <div id="u3068_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3069" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3069_div" class=""></div>
        <div id="u3069_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3070" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3070_div" class=""></div>
        <div id="u3070_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3071" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3071_div" class=""></div>
        <div id="u3071_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3072" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3072_div" class=""></div>
        <div id="u3072_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3073" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3073_div" class=""></div>
        <div id="u3073_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3074" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3074_div" class=""></div>
        <div id="u3074_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3075" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3075_div" class=""></div>
        <div id="u3075_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3076" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3076_div" class=""></div>
        <div id="u3076_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3077" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3077_div" class=""></div>
        <div id="u3077_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3078" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3078_div" class=""></div>
        <div id="u3078_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3079" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-fenzu-light">
        <div id="u3079_div" class=""></div>
        <div id="u3079_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3080" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-light">
        <div id="u3080_div" class=""></div>
        <div id="u3080_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3081" class="ax_default box_1" selectiongroup="u3016nav-cebianlan-light">
        <div id="u3081_div" class=""></div>
        <div id="u3081_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3083" class="ax_default">
        <div id="u3083_state0" class="panel_state" data-label="State1" style="">
          <div id="u3083_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3084" class="ax_default box_1">
              <div id="u3084_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3085" class="ax_default">
              <div id="u3085_state0" class="panel_state" data-label="State1" style="">
                <div id="u3085_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3086" class="ax_default box_1">
                    <div id="u3086_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3087" class="ax_default label">
                    <div id="u3087_div" class=""></div>
                    <div id="u3087_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p><p><span>备案备案备案备案备案</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3088" class="ax_default label">
                    <div id="u3088_div" class=""></div>
                    <div id="u3088_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3089" class="ax_default label">
                    <div id="u3089_div" class=""></div>
                    <div id="u3089_text" class="text ">
                      <p><span>邮箱：bosenger@qq.com</span></p><p><span>微信：暂未开通</span></p><p><span>微博：暂未开通</span></p><p><span>官网：www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3090" class="ax_default label">
                    <div id="u3090_div" class=""></div>
                    <div id="u3090_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3091" class="ax_default label">
                    <div id="u3091_div" class=""></div>
                    <div id="u3091_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3092" class="ax_default label">
                    <div id="u3092_div" class=""></div>
                    <div id="u3092_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3093" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3094" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3095" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3096" class="ax_default image">
                    <img id="u3096_img" class="img " src="images/index/u93.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3097" class="ax_default label">
                    <div id="u3097_div" class=""></div>
                    <div id="u3097_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3098" class="ax_default heading_1">
        <div id="u3098_div" class=""></div>
        <div id="u3098_text" class="text ">
          <p><span>Steps 步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3099" class="ax_default heading_1">
        <div id="u3099_div" class=""></div>
        <div id="u3099_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3100" class="ax_default label">
        <div id="u3100_div" class=""></div>
        <div id="u3100_text" class="text ">
          <p><span>拆分某项流程的步骤，引导用户按流程完成任务。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3101" class="ax_default label">
        <div id="u3101_div" class=""></div>
        <div id="u3101_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3102" class="ax_default" data-left="233" data-top="347" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3103" class="ax_default ellipse">
          <img id="u3103_img" class="img " src="images/步骤条/u3103.png"/>
          <div id="u3103_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3104" class="ax_default line">
          <img id="u3104_img" class="img " src="images/步骤条/u3104.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3105" class="ax_default label">
          <div id="u3105_div" class=""></div>
          <div id="u3105_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3106" class="ax_default label">
          <div id="u3106_div" class=""></div>
          <div id="u3106_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3107" class="ax_default" data-left="486" data-top="347" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3108" class="ax_default ellipse selected">
          <img id="u3108_img" class="img " src="images/步骤条/u3103_selected.png"/>
          <div id="u3108_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3109" class="ax_default line selected">
          <img id="u3109_img" class="img " src="images/步骤条/u3104_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3110" class="ax_default label selected">
          <div id="u3110_div" class="selected"></div>
          <div id="u3110_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3111" class="ax_default label selected">
          <div id="u3111_div" class="selected"></div>
          <div id="u3111_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3112" class="ax_default" data-left="739" data-top="347" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3113" class="ax_default ellipse disabled">
          <img id="u3113_img" class="img " src="images/步骤条/u3103_disabled.png"/>
          <div id="u3113_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3114" class="ax_default line disabled">
          <img id="u3114_img" class="img " src="images/步骤条/u3104_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3115" class="ax_default label disabled">
          <div id="u3115_div" class="disabled"></div>
          <div id="u3115_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3116" class="ax_default label disabled">
          <div id="u3116_div" class="disabled"></div>
          <div id="u3116_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3117" class="ax_default" data-left="992" data-top="347" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3118" class="ax_default ellipse disabled">
          <img id="u3118_img" class="img " src="images/步骤条/u3103_disabled.png"/>
          <div id="u3118_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3119" class="ax_default label disabled">
          <div id="u3119_div" class="disabled"></div>
          <div id="u3119_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3120" class="ax_default label disabled">
          <div id="u3120_div" class="disabled"></div>
          <div id="u3120_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3121" class="ax_default label">
        <div id="u3121_div" class=""></div>
        <div id="u3121_text" class="text ">
          <p><span>通过交互状态的选择来改变各个状态的样式，未选中（Unselected）=已完成，已选中（Selected）=进行中，已失效（Disabled）=待进行。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3122" class="ax_default label">
        <div id="u3122_div" class=""></div>
        <div id="u3122_text" class="text ">
          <p><span>迷你型</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3123" class="ax_default label">
        <div id="u3123_div" class=""></div>
        <div id="u3123_text" class="text ">
          <p><span>与基础用法相同，通过交互状态来改变样式。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3124" class="ax_default" data-left="233" data-top="507" data-width="243" data-height="18">

        <!-- Unnamed (Ellipse) -->
        <div id="u3125" class="ax_default ellipse">
          <img id="u3125_img" class="img " src="images/步骤条/u3125.png"/>
          <div id="u3125_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3126" class="ax_default line">
          <img id="u3126_img" class="img " src="images/步骤条/u3104.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3127" class="ax_default label">
          <div id="u3127_div" class=""></div>
          <div id="u3127_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3128" class="ax_default" data-left="486" data-top="507" data-width="243" data-height="18">

        <!-- Unnamed (Ellipse) -->
        <div id="u3129" class="ax_default ellipse">
          <img id="u3129_img" class="img " src="images/步骤条/u3125.png"/>
          <div id="u3129_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3130" class="ax_default line">
          <img id="u3130_img" class="img " src="images/步骤条/u3104.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3131" class="ax_default label">
          <div id="u3131_div" class=""></div>
          <div id="u3131_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3132" class="ax_default" data-left="739" data-top="507" data-width="243" data-height="18">

        <!-- Unnamed (Ellipse) -->
        <div id="u3133" class="ax_default ellipse selected">
          <img id="u3133_img" class="img " src="images/步骤条/u3125_selected.png"/>
          <div id="u3133_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3134" class="ax_default line selected">
          <img id="u3134_img" class="img " src="images/步骤条/u3104_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3135" class="ax_default label selected">
          <div id="u3135_div" class="selected"></div>
          <div id="u3135_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3136" class="ax_default" data-left="992" data-top="507" data-width="75" data-height="18">

        <!-- Unnamed (Ellipse) -->
        <div id="u3137" class="ax_default ellipse disabled">
          <img id="u3137_img" class="img " src="images/步骤条/u3125_disabled.png"/>
          <div id="u3137_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3138" class="ax_default label disabled">
          <div id="u3138_div" class="disabled"></div>
          <div id="u3138_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3139" class="ax_default label">
        <div id="u3139_div" class=""></div>
        <div id="u3139_text" class="text ">
          <p><span>带图标的步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3140" class="ax_default" data-left="233" data-top="613" data-width="243" data-height="20">

        <!-- Unnamed (Ellipse) -->
        <div id="u3141" class="ax_default ellipse">
          <img id="u3141_img" class="img " src="images/步骤条/u3141.png"/>
          <div id="u3141_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3142" class="ax_default line">
          <img id="u3142_img" class="img " src="images/步骤条/u3104.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3143" class="ax_default label">
          <div id="u3143_div" class=""></div>
          <div id="u3143_text" class="text ">
            <p><span>注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3144" class="ax_default" data-left="486" data-top="613" data-width="243" data-height="20">

        <!-- Unnamed (Ellipse) -->
        <div id="u3145" class="ax_default ellipse selected">
          <img id="u3145_img" class="img " src="images/步骤条/u3141.png"/>
          <div id="u3145_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3146" class="ax_default line selected">
          <img id="u3146_img" class="img " src="images/步骤条/u3104_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3147" class="ax_default label selected">
          <div id="u3147_div" class="selected"></div>
          <div id="u3147_text" class="text ">
            <p><span>上传头像</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3148" class="ax_default" data-left="739" data-top="613" data-width="87" data-height="20">

        <!-- Unnamed (Ellipse) -->
        <div id="u3149" class="ax_default ellipse disabled">
          <img id="u3149_img" class="img " src="images/步骤条/u3141.png"/>
          <div id="u3149_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3150" class="ax_default label disabled">
          <div id="u3150_div" class="disabled"></div>
          <div id="u3150_text" class="text ">
            <p><span>验证邮箱</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3151" class="ax_default" data-left="230" data-top="651" data-width="246" data-height="25">

        <!-- Unnamed (Ellipse) -->
        <div id="u3152" class="ax_default ellipse">
          <img id="u3152_img" class="img " src="images/步骤条/u3152.png"/>
          <div id="u3152_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3153" class="ax_default line">
          <img id="u3153_img" class="img " src="images/步骤条/u3104.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3154" class="ax_default label">
          <div id="u3154_div" class=""></div>
          <div id="u3154_text" class="text ">
            <p><span>注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3155" class="ax_default" data-left="486" data-top="651" data-width="246" data-height="25">

        <!-- Unnamed (Ellipse) -->
        <div id="u3156" class="ax_default ellipse selected">
          <img id="u3156_img" class="img " src="images/步骤条/u3152.png"/>
          <div id="u3156_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3157" class="ax_default line selected">
          <img id="u3157_img" class="img " src="images/步骤条/u3104_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3158" class="ax_default label selected">
          <div id="u3158_div" class="selected"></div>
          <div id="u3158_text" class="text ">
            <p><span>上传头像</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3159" class="ax_default" data-left="742" data-top="651" data-width="98" data-height="25">

        <!-- Unnamed (Ellipse) -->
        <div id="u3160" class="ax_default ellipse disabled">
          <img id="u3160_img" class="img " src="images/步骤条/u3152.png"/>
          <div id="u3160_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3161" class="ax_default label disabled">
          <div id="u3161_div" class="disabled"></div>
          <div id="u3161_text" class="text ">
            <p><span>验证邮箱</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3162" class="ax_default label">
        <div id="u3162_div" class=""></div>
        <div id="u3162_text" class="text ">
          <p><span>垂直方向</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3163" class="ax_default" data-left="233" data-top="763" data-width="243" data-height="65">

        <!-- Unnamed (Ellipse) -->
        <div id="u3164" class="ax_default ellipse">
          <img id="u3164_img" class="img " src="images/步骤条/u3103.png"/>
          <div id="u3164_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3165" class="ax_default line">
          <img id="u3165_img" class="img " src="images/步骤条/u3165.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3166" class="ax_default label">
          <div id="u3166_div" class=""></div>
          <div id="u3166_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3167" class="ax_default label">
          <div id="u3167_div" class=""></div>
          <div id="u3167_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3168" class="ax_default" data-left="233" data-top="838" data-width="243" data-height="65">

        <!-- Unnamed (Ellipse) -->
        <div id="u3169" class="ax_default ellipse">
          <img id="u3169_img" class="img " src="images/步骤条/u3103.png"/>
          <div id="u3169_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3170" class="ax_default line">
          <img id="u3170_img" class="img " src="images/步骤条/u3165.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3171" class="ax_default label">
          <div id="u3171_div" class=""></div>
          <div id="u3171_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3172" class="ax_default label">
          <div id="u3172_div" class=""></div>
          <div id="u3172_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3173" class="ax_default" data-left="233" data-top="913" data-width="243" data-height="65">

        <!-- Unnamed (Ellipse) -->
        <div id="u3174" class="ax_default ellipse selected">
          <img id="u3174_img" class="img " src="images/步骤条/u3103_selected.png"/>
          <div id="u3174_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3175" class="ax_default line selected">
          <img id="u3175_img" class="img " src="images/步骤条/u3165_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3176" class="ax_default label selected">
          <div id="u3176_div" class="selected"></div>
          <div id="u3176_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3177" class="ax_default label selected">
          <div id="u3177_div" class="selected"></div>
          <div id="u3177_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3178" class="ax_default" data-left="233" data-top="988" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3179" class="ax_default ellipse disabled">
          <img id="u3179_img" class="img " src="images/步骤条/u3103_disabled.png"/>
          <div id="u3179_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3180" class="ax_default label disabled">
          <div id="u3180_div" class="disabled"></div>
          <div id="u3180_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3181" class="ax_default label disabled">
          <div id="u3181_div" class="disabled"></div>
          <div id="u3181_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3182" class="ax_default" data-left="233" data-top="1144" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3183" class="ax_default ellipse">
          <img id="u3183_img" class="img " src="images/步骤条/u3103.png"/>
          <div id="u3183_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3184" class="ax_default line">
          <img id="u3184_img" class="img " src="images/步骤条/u3104.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3185" class="ax_default label">
          <div id="u3185_div" class=""></div>
          <div id="u3185_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3186" class="ax_default label">
          <div id="u3186_div" class=""></div>
          <div id="u3186_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3187" class="ax_default" data-left="486" data-top="1144" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3188" class="ax_default ellipse">
          <img id="u3188_img" class="img " src="images/步骤条/u3188.png"/>
          <div id="u3188_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3189" class="ax_default line">
          <img id="u3189_img" class="img " src="images/步骤条/u3189.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3190" class="ax_default label">
          <div id="u3190_div" class=""></div>
          <div id="u3190_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3191" class="ax_default label">
          <div id="u3191_div" class=""></div>
          <div id="u3191_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3192" class="ax_default" data-left="739" data-top="1144" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3193" class="ax_default ellipse disabled">
          <img id="u3193_img" class="img " src="images/步骤条/u3103_disabled.png"/>
          <div id="u3193_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3194" class="ax_default line disabled">
          <img id="u3194_img" class="img " src="images/步骤条/u3104_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3195" class="ax_default label disabled">
          <div id="u3195_div" class="disabled"></div>
          <div id="u3195_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3196" class="ax_default label disabled">
          <div id="u3196_div" class="disabled"></div>
          <div id="u3196_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3197" class="ax_default" data-left="992" data-top="1144" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3198" class="ax_default ellipse disabled">
          <img id="u3198_img" class="img " src="images/步骤条/u3103_disabled.png"/>
          <div id="u3198_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3199" class="ax_default label disabled">
          <div id="u3199_div" class="disabled"></div>
          <div id="u3199_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3200" class="ax_default label disabled">
          <div id="u3200_div" class="disabled"></div>
          <div id="u3200_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3201" class="ax_default label">
        <div id="u3201_div" class=""></div>
        <div id="u3201_text" class="text ">
          <p><span>步骤运行错误</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3202" class="ax_default label">
        <div id="u3202_div" class=""></div>
        <div id="u3202_text" class="text ">
          <p><span>对错误的步骤所处的分出取消交互状态的选择，然后更改字体和线条颜色为红色</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
